<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="root">
        <h2>今天天气很{{info}}</h2>
        <button @click="changeWeather">切换天气</button>
    </div>
    <script src="../js/vue.js"></script>
    <script>
            Vue.config.productionTip=false//阻止vue启动时产生提示
            new Vue({
                 el: "#root",
                 data:{
                     isHot:true

                    },
                 methods:{
                    changeWeather(){
                        this.isHot=!this.isHot
                    }
                 },
                computed:{
                     info(){
                         return this.isHot?'炎热':'寒冷'
                     }
                }
             })
    </script>
</body>
</html>